@@@@@@@@@@@@@@@@@  TjzM@What's New 2004/3/19


@@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@ @@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@@@89

@@@@@@  @  @@@@@banban@scollabo.com



@úAS҂⒆҂@ƍ@gɂāAv̖{iI
@ Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂĂ
@܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂
@ɂȂ܂B

@@T̃Rec
       WebfUC 31 --- uÖێ
@@@ HTMLu  31 --- ^` (DTD) ̕svc
@@@ CSSu@10 --- g
@@   ̉i14j --- target



WebfUCi31j@uÖێ

@嗬sĂuuOFWeblogvłAۂɖ𔭐M̂͑
@ςȂƂłBuuOJɂ́AIvƒ؂Ă
@ȂȂƎv܂B

@@AlIȕΌɖuOJĂ܂AĖ
@킯ł͂܂BvɎvƂɏĂ
@łB
@@𔭐M̂́AǂĂgՂ̂ł͂Ȃ
@ƍlƂ܂B

@@AlĂ݂΁uuOvoꂵwíA9.11ȍ~̉
@ȂAJ̎ЉŁAu͂낤IvƂAƂƔ
@ЉIȈӌuECvln܂̂łB

@@̃AJ́AeƂʂ̓Gɑ΂闃^Iȑ̐ɂȂ
@AVerȂǂ̃}XR~{ɑ΂ĉȂԂłB
@_Ɓueɖ̂vƂr˂܂B
@@ŁAuႤ񂶂Ȃ́HvƂ^ml
@u{vŌc[ƂāuuOvڂ܂B

@@LƂ`Ŏ̖{RecƂĔMuÓA
@wi̒ŔIɗsAP̕ƂĒ蒅܂B

@Ƃ
@uÓA̎dg݂瑼̃uOɃgbNobN𔭐M邱ƂŁA
@ȗւƂȂčLĂ܂B͉{lɂƂĂLpȏ
@PɒTƂ_Ă܂B

@@uOJ݂ƂƂ́A傫Ȃ˂ւɎQ
@̂ƓłB炱AƗ肱񂾔𔭐M
@̂łB

@@M邱Ƃ͌āuՁv邱Ƃɂ͂Ȃ܂B𔭌
@ƂƂ́AȂ̗Â킯łBāA邱Ƃ
@ď̃Rcݎ邵A邱ƂɂúvĂ
@܂B

@@ WebTCg̉^cłƂłB邱ƂŐ邱Ƃ
@܂BƂɂ WebƂLȋԂɌĔM킯łA
@Ƃ^ŁA^ʂĝ݂łB

@@@@@@@@@@@@@@@@@@@@@ @@(32@SEO΍ɂÂ)



HTMLu (31)@^` (DTD) ̕svc

@svcȂƂɁAHTML܂\Ȃ̂ɁA^`ɂĂ͈ق
@\܂B͉̂ł傤H

@^`Ƃ
@^`ꌾŏqׂ΁A쐬HTML̎dl`̂łB
@@܂ALqHTMLAǂ̃o[WɏĂ邩𖾎Iɐ
@܂B{Ȃ WebuEU͋Lqꂽ^`QƂA̎d
@lɂă_ÔׂłAۂ WebuEU
@Ădlɂă_ÔłB

@@̂߁AHTML̓uEUŗL̎dlɂĈقȂ\ɂȂ邱Ƃ
@܂B
@@̓Iȑ́Aevf̐ݒpȂƂA炩ߒ`Ă
@镶̑傫A]Aʒu̕sȂǂ񍐂Ă܂B

@@PDHTML4.01 Transitional ݊^
@@@@̕^`́AȑÕo[WŒ`ꂽvf⑮Ȃ
@@@@gƂłߓndľ݊^ŁADTDQƂ URI ͊܂
@@@@܂B

@@@@݊^̕^`͈ȉ̂悤ɋLq܂B
@@@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

@@QDHTML4.01 Transitional W^
@@@@Transitional݊^ƓlɁAȑO̗vfAȂǂgƂł
@@@@܂B̐錾́A̎dlQƂ URI ܂܂܂B
@@@@@{I WebuEÚA̎dlQƂă_O邱
@@@@ƂȂĂ܂AɂĂ͂𖳎邱Ƃ܂B

@@@@W^̕^`͈ȉ̂悤ɋLq܂B
@@@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
@@@@@"http://www.w3.org/TR/html4/loose.dtd">

@@RDHTML4.01 Strict ݊^
@@@@̕^`́uidlvƂāAȑO̗vf⑮gƂ
@@@@ł܂B܂ł HTML4.01 ƂĒ`ꂽvfƑg
@@@@܂BȑÕ^Cvu񐄏vƂĂ܂B{̗z
@@@@\̂łBDTDQƂ URI ͊܂܂܂B

@@@@HTML4.01 Strict ݊^̕^`͈ȉ̂悤ɋLq܂B
@@@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

@@SDHTML4.01 Strict W^
@@@@Strict݊^lAȑO̗vf⑮gƂł܂B
@@@@@̐錾́A̎dlQƂ URI ܂܂܂B
@@@@{I WebuEÚA̎dlQƂă_O邱
@@@@ƂȂĂ܂AɂĂ͂𖳎邱Ƃ܂B

@@@@HTML4.01 Strict W^̕^`͈ȉ̂悤ɋLq܂B
@@@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
@@@@@"http://www.w3.org/TR/html4/strict.dtd">

@@TDHTML4.01 Frameset ݊^
@@@@t[𗘗pꍇɌāA̕^`錾Ȃ΂
@@@@܂BdĺATransitional^ƓȑO̗vfƑg
@@@@ł܂BDTDQƂ URI ͊܂܂܂B

@@@@HTML4.01 Frameset ݊^̕^`͈ȉ̂悤ɋLq܂B
@@@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

@@UDHTML4.01 Frameset W^
@@@@Frameset݊^lɁAt[𗘗pꍇɂ̕^`
@@@@܂B̐錾́A̎dlQƂ URI ܂܂܂B
@@@@@{I WebuEÚA̎dlQƂă_O邱
@@@@ƂȂĂ܂AɂĂ͂𖳎邱Ƃ܂B

@@@@HTML4.01 Frameset W^̕^`͈ȉ̂悤ɋLq܂B
@@@@<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
@@@@@"http://www.w3.org/TR/html4/frameset.dtd">

@pƂ́A
@pɂċ̓IɐƁA

@@F@@@{Iɐevf̕Fqvfɂp
@@TCY@{IɐevfŐݒ肳ꂽTCYpAqvf
@@@@@@@@TCYݒ肳ꂽꍇɂ́AevfŐݒ肳ꂽT
@@@@@@@@CY̔䗦ƂȂ

@@Ⴆ΁AbodyvfŎw肳ꂽTCÝA̗vfŕTCYw
@Ȃꍇɂ́Aevf̕TCYp܂BqvfŕTC
@Yw肵ꍇ (Ⴆ 90%Ƃꍇ) evf̕TCY{Ƃ
@䗦ɂȂȂ΂Ȃ܂B

@@Ƃ낪A^`ς邱Ƃɂ WebuEU͂ꂼ̖
@ňقȂӂ܂܂B
@@ȉ̃t@CׂĂBɈقȂ邱ƂɒӂĂB

@@HTML4.01 Transitional ݊^
@@http://www.scollabo.com/banban/magazine/mm/sample_89-1.html

@@HTML4.01 Transitional W^
@@http://www.scollabo.com/banban/magazine/mm/sample_89-2.html

@@HTML4.01 Strict ݊^
@@http://www.scollabo.com/banban/magazine/mm/sample_89-3.html

@@HTML4.01 Strict W^
@@http://www.scollabo.com/banban/magazine/mm/sample_89-4.html

@@R OS  WebuEU̖قȂ΁Aꂼ̃_Oω
@܂B

@@rIVuEUł́A^`QƂ URI ̗LŁAقȂ
@ꍇ܂BႦ΁AWindowsŁAy Macintosh MSIE ̏ꍇA݊
@^ƕW^ŕTCỸ_OɑႪ܂B

@@ʂ\Y΁AHTML Transitional gꍇɂ́AT˕W^
@_OɍDĂ܂B

@@ȂA^`錾ȂꍇAdlł HTML 2.0 ƂĈ悤
@ɋK肳Ă܂BHTMLł́A̖`ŕK^`𖾎Iɐ
@Ȃ΂Ȃ܂BHTML쐬邽߂ɂYȂB

@@XHTML̏ꍇɂ́AXML錾̗Lł WebuEUɂẮA̐U镑
@Ă܂BȂȂuWvƂȂuEUT̂͗eՂł͂Ȃ
@悤łB

@@́AANZVuȃeLXg̕\ɂĉ܂B



Tips@^`̓

@TCgœo^Ă邷ׂẴy[Wł́AɈӖȂΓ
@^`錾悤ɐS܂傤BƂA^`
@ʂɂĂ͈قȂ\܂B

@@y[WJ邽тɈႤ\Ƃ̂͂܂Sn悢̂ł͂܂B
@TCY]ApƂlXȗvf̒ŁA炪ωƂ
@^`̐lāAꐫ̂y[W쐬邱Ƃ؂Ȃ
@Ƃł͂Ȃƍl܂B

@@^`̎ʂɂĈقȂ郌_OƂQ͔Ȃ
@̂łB҂̈Ӑ}Ƃ͈قȂ邱ƂX̂łB



CSSui10j@g\

@≺\܂܂Ȃ̂ƂāAHTMLŘg\ł̂́A{
@IɃe[uvfłB̘̑gwɊւvf⑮́Aׂ
@ƎKił邽߁AɂĂ͖邱Ƃ܂B

@@X^CV[gł́AuEUʂɕ\邷ׂĂ̗vfŁAlXȌ`
@̘gݒ肷邱Ƃ\łBCCxłAubNx
@ǂ̗vfɁAȒPɘgݒ肷邱Ƃł܂B

@@gw肷ƂAǧ`AFAƂR̑pӂ
@ĂAꂼʁA邢͈ꊇŐݒ肷邱Ƃł܂B

@ǧ`
@ǧ`Ƃ́Ag̕\̂ŁAPȒjA_Ȃǂ̌`
@wAX^CV[gł́Aborder-styleŐݒ肵܂B

@@gw肷邽߂ɁA炩߈ȉ̂悤ȂW̌`pӂĂ
@܂B

@@@solid@@    ( \ )
@@@dashed@@j   ( -- )
@@@double@@d (  )
@@@dotted@@_   ( c )

@@@groove @ ̓IɌE񂾊̐
@@@ridge@@ ̓IɗN̐
@@@inset@@ ̓IɗvfƌE񂾊̋`
@@@outset@@̓IɗvfƗN̋`

@@border-styleŌ`w肷@́A㉺EʂŁA邢́A
@ꊇŐݒ肵܂BȂAg̐F⑾̓uEUˑƂȂ܂B

@@g`ʂŐݒ
@@㉺E̘g`̎w͈ȉ̂ƂłB

@@@botder-top-style@@@㑤̘g`w肷
@@@botder-left-style@@ ̘g`w肷
@@@botder-right-style@@E̘g`w肷
@@@botder-bottom-style@ ̘g`w肷

@@g`ꊇŎw肷
@@㉺E̘g`ꊇŐݒ肷@łB

@@@border-style@@@@㉺EɎw肵`Řg\

@@̓Iȏ
@@g`ݒ肷̓Iȏ͈ȉ̂ƂłB

@@@p { border-bottom-style: dotted }  vf̉ɓ_̘gݒ
@@@p { border-style: solid }@vf̏㉺Eɒ̘gݒ

@g̑
@g̑w肷ꍇAɘg`𕹗pKv܂B`
@ݒ肳ȂꍇAĝ̂\邱Ƃł܂B
@@g̑́Aborder-widthg܂Aꂼʂɐݒ肷邱
@Ƃł܂B

@@g̑w肷P
@@g̑w肷ƂAȉ̒Pʂg܂B

@@@thin@@@@@ׂg
@@@medium@@@@炢̘̑g
@@@thick@@@@ g
      l{Pʁ@@X^CV[gňPʂőw肷

@@@thinAmediumAthick Ȃǂ̎ۂ̑́AuEUɈˑ܂B
@@lƒPʂgݍ킹́Aꂼ̒PʂɈˑ܂B

@@g̑ʂɐݒ
@@㉺E̘g̑̎w͈ȉ̂ƂłB

@@@border-top-width@@@㑤̘g̑ݒ肷
@@@border-left-width @@̘g̑ݒ肷
@@@border-right-width@@E̘g̑ݒ肷
@@@border-bottom-width @̘g̑ݒ肷

@@g̑w肷̓Iȏ
@@OqƂAg̑w肷ꍇ́Aborder-styleꏏ
@@pKv܂B

@@@h1 { border-style: solid;  border-left-width: 2em }
@@@p  { border-style: dashed;  border-bottom-width: medium }

@g̐F
@g̐Fw肷ꍇɂ́AɁAborder-stylew肷Kv
@܂BȂw肵ĂȂꍇɂ́Ag͕\܂B

@@g̐Fw肷P
@@gɐFꍇɂ́Aȉ3̒Pʂwł܂B

@@@@16itXybN@@RGBQŎw (#ff9900 IWF)
@@@@16îRw@@@RGB1Ŏw (#f90  #ff9900 Ɠ)
@@@@J[l[ (F) @炩ߒ`Ă16F̐FŎw

@@g̐FʂɎw
@@g̐F͏㉺EɌʂŐݒ肷邱Ƃł܂B

@@@border-top-color@@@ 㑤̘g̐Fݒ肷
@@@border-left-color@@@̘g̐Fݒ肷
@@@border-right-color@@ E̘g̐Fݒ肷
@@@border-bottom-color@@̘g̐Fݒ肷

@@g̐Fw肷̓Iȏ
@@g̑w肷ꍇ́Aborder-styleꏏɗpKv
@@܂B

@@@h1 { border-style: ridge; border-left-color: green }
@@@p  { border-style: solid;  border-bottom-color: #09f }

@g̊eݒꊇōs
@ǵAvf̏㉺Ëʒu`AAFȂǂꊇŎw肷邱Ƃ
@ł܂B border-styleAborder-widthAborder-color Ȃǂ̑
@ʂɐݒ肷邱ƂȂs܂B

@@eݒʒuw肵ĈꊇŎw肷
@@㉺Ëʒuw肵āA`AAFȂǂꊇŎw肵܂B

@@@border-left    vf̍ɘgꊇŐݒ肷
@@@border-top     vf̏㑤̘gꊇŐݒ肷
@@@border-right @vf̉EɘgꊇŐݒ肷
@@@border-bottom  vf̉ɘgꊇŐݒ肷

@@eݒ܂Ƃ߂Ďw肷
@@㉺Eɂ܂Ƃ߂Ċeg\̃X^Cݒ肵܂Beݒ̒l͔p
@@̃Xy[Xŋ؂āAꂼŎw肵܂B

@@@border@@㉺Eɘg̑AFA`ꊇŎw肵܂B

@@ꊇݒ̋̓Iȏ
@@̑gݒɂ́Aborder-style͕Kv܂B

@@@h1 { border-left: 2em solid #f90;  border-right: 2em solid #f90 }
@@@p  { border: thicl double #039 }

@padding𕹗p@
@ǂ̂悤ȕ@Řgݒ肷ɂAgƃRecɌԂȂ̂
@Ɋ܂BŁAO paddinggāARec
@]T@܂B

  @@p { border: 1ps solid red;  padding:  2px }

@@̐ݒ́Aivf̃RecɐԐF̂PsNZ̘g\
@̂łAgƃRec̊ԂɂQsNZ̗]ݒ肵Ă܂B
@̂悤ɂ邱ƂŁA₷񋟂邱Ƃł܂̂ŁA낢
@ƂB

@@́Awi摜̐ݒɂĉ܂B



HTMLAXHTML̉ --- target

@Ñy[Ww肵EBhEŕ\邽߂ɗp܂B
@@ɁAt[gy[Wł͕K{̑ɂȂ܂Bt[Ȃ
@ꍇɂ́AVK̃EBhEJ邱Ƃ\łB

@target@N̕\EBhEw肷
@DTDF@@ HTML4.01 TransitionalA Frameset ŗp\
@lF@t[A _topA _blankA _selfA _parent Ȃ
@Lq@F@<a href="sample.html" target="_blank"> c </a>
@֘AvfF aAareaAbaseAlinkAform Ȃ

@XHTML̐F XHTML1.0 Transitional  Frameset ŗp\łA
@@@@@@@@XHTML1.0 Strict  XHTML1.1 ł͗pł܂B

@t[gy[Wł́ÃEBhEō\邽߁AeEBh
@Eŕ\郊Nɂ́AtargetgȂ΂Ȃ܂B܂At
@[ꍇɂ́A_top Ƃlg܂B _self ̏ꍇ́A
@EBhEŃNƂɗp܂B

@@t[Ȃy[WŃNNbNƂAVEBhEŕ\
@ĂƂɂ́AtargetgA_blankA邢 _parentȂ
@̒lw肳Ă܂B
@@ǂɂĂA{҂̃\[X邾Ȃ̂ŁAN͂ł
@EBhEŐݒ肵̂łB



͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_089.html

@́A326ɔzM\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
v܂B
@AlIȎRɂԎx邱Ƃ܂BB
}̏ꍇɂ́ATCǧfpBƒN
Ǝv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@̂Ƃl̗oɂȂĂ܂Ag߂ɂlɂ
@ẮA܂ɂ֐SĂȂ悤ȋC܂B

@@̌lAǂȂƂɃoTĂ̂l܂B
@K\X^hŔsT[rXJ[hAԃf[[Aa@̎fJ
@[hAƓdX̃|CgJ[hAa@As̏AISP (v
@oC_) AICVbvAsAsYȂグƂȂ
@̐ɂȂ܂B

@@Ōl񂪂ǗĂ邱Ƃɋ^܂B
@vƂꂩAȒPɐ\ȂǂɋL邱Ƃɕs
@܂BCȐ̒ɂȂ܂˂B



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @       Copyright(C) 2002-2004  www.scollabo.com/banban/




